<%@taglib prefix="s" uri="/struts-tags"%> 
<%@page import="pe.com.bbva.util.Constantes"%>
<s:form action="findProceso" id="consultaProcesoForm"
	theme="simple">
	<s:hidden name="procesoBuscar.id" />
	<table width="100%">
		<tr>
			<td>
			<div id="pageTitle">Listado de Fechas de Procesos</div>
			</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td class="ui-widget-content2">
					<div class="formpanel">
					<table>
						<tr>
							<td class="label">A&ntilde;o:</td>
							<td>
								<s:textfield theme="simple" id="txtAnio"
								name="procesoBuscar.anio" size="4" />
							</td>
							<td width="10%">&nbsp;</td>
							<td class="label">Mes:</td>
							<td><s:select
								list="listaMeses" listKey="value" listValue="label"  theme="simple"
								id="cMes" name="procesoBuscar.mes" />
							</td>
							<td width="10%">&nbsp;</td>
							<td class="label">Estado:</td>
							<td><s:select
								list="#{'':'TODOS','1':'ACTIVO','0':'INACTIVO'}" theme="simple"
								id="cmbEstado" name="procesoBuscar.estado" />
							</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
						</tr>
					</table>
					</div>
					</td>
				</tr>
				<tr>
					<td>
					<s:submit value="Buscar" id="btnProceso" theme="simple" target="dataTable"
						cssClass="search-form ui-button ui-widget ui-state-default ui-corner-all" />&nbsp;
					</td>
				</tr>
				
			</table>
			</td>
		</tr>
	</table>
</s:form>
<div style="width: 100%; padding: 10px 10px 10px 10px;">
<table id="dataTable" width="100%"></table>
 <div id="tablePager"></div>
</div> 
<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
		$('#txtAnio').spinner({ min: 2000, max: 2080, allowNull: false });
   	   	$("thead tr th").attr("class","standardTable_Header_footer");
	   	$("caption").attr("class","standardTable_Header_footer caption");
	   	$("#btnLimpiar").click(function(){
    			limpiarForm();
    	});
    	
    	    jQuery("#dataTable").jqGrid({
		   	url:'./findProceso.do',
			datatype: "json",
		   	colNames:['ID','Fecha proceso','Estado Cierre','Estado','deleted','Acciones'],
		   	colModel:[
		   		{name:'id',index:'id',hidden:true},
		   		{name:'fechaFormateada',index:'fechaFormateada', width:200,align:"center"},
		   		{name:'estadoCierre.descripcion',index:'estadoCierre', width:100,align:"center"},
		   		{name:'estado',index:'estado', width:80,align:"center"},
		   		{name:'deleted',index:'deleted',hidden:true},
   				{name:'act',index:'act',align:"left", width:100,sortable:false,title:false}
		   	],
		   	rowNum:10,
		   	altRows : true,
			altclass : 'myAltRowClass',
		    width: 550,
		   	rowList:[10,25,50],
		   	pager: '#tablePager',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"Lista de Fechas de Procesos",
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false
		   },beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
				
		   }
		   ,
			gridComplete: function(){
			  
		
				var ids = $(this).jqGrid('getDataIDs');
		
				for(var i=0;i < ids.length;i++){
					var cl = ids[i];
					var estado = $(this).getCell(cl, 'deleted');       		
					var actions ='&nbsp;&nbsp;&nbsp;'; 
					
					 actions += actionIcon('updateProceso.do','idProceso='+cl,'Editar','images/icons/editar.png'); 
					 if(estado != ""){
						 actions +='&nbsp;&nbsp;&nbsp;';
						 actions += actionIconConfirm('deleteProceso.do','idProceso='+cl,'Eliminar','images/icons/eliminar.png','Esta seguro de anular el registro');
					 } 
					 $(this).jqGrid('setRowData',ids[i],{act:actions});
				}	
				//dataTable_estado : concatenacion de id de Grid y el id de columna
				paintEstado('dataTable_estado');
				paintEstadoCierre('dataTable_estadoCierre');
			}
		});

	});
	function paintEstadoCierre(gridColumn){
	    $("td[aria-describedby='"+gridColumn+"']").each(function (){
				var _html=$(this).html();
				if(_html=='&nbsp;' || _html=='1'){
					$(this).html('<img border="0" alt="ACTIVO" title="ACTIVO" src="images/icons/activo.png">');
				}else{
					$(this).html('<img border="0" alt="INACTIVO" title="INACTIVO" src="images/icons/inactivo.png">');
				}
		});
    }
	function limpiarForm(){
		$("#cMes").val("");
		$("#cmbEstado").val("");
	}
</script>



